<script setup lang="ts">
const props = withDefaults(
  defineProps<{
    title: string;
  }>(),
  {
    title: "可视化标题",
  }
);
</script>
<template>
  <div class="box relative">
    <div class="header-bg h-16"></div>
    <div class="text-2xl absolute top-3 left-15">
      {{ props.title }}
    </div>
    <div class="p">
      <slot></slot>
    </div>
  </div>
</template>

<style scoped lang="less">
.header-bg {
  background: url(../assets/newPage_middleTitle.f593a3bc.png) no-repeat;
  background-size: 450px auto;
  z-index: 10;
  width: 100%;
}
</style>
